<template>
    <!-- 子路由输出 -->
    <div class="g-container">
        <router-view ></router-view>
    </div>
    <van-tabbar class="g-footer" route active-color="#ee0a24" inactive-color="#000">
        <van-tabbar-item replace to="/home" icon="home-o">首页</van-tabbar-item>
        <van-tabbar-item replace to="/classify"  icon="search">分类</van-tabbar-item>
        <van-tabbar-item replace to="/cart"  icon="friends-o">购物车</van-tabbar-item>
        <van-tabbar-item replace to="/my" icon="setting-o">我的</van-tabbar-item>
    </van-tabbar>
</template>

<script setup lang="ts">

</script>

<style scoped lang="scss">
#app{
    display: flex;
    flex-direction: column;
    .g-footer{
        height: 60px;
    }
    .g-container{
        margin-bottom: 60px;
        flex: 1;
    }
}
</style>
